/* eslint-disable */
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 定义全局状态
    message: 'Hello from Vuex'
  },
  getters: {
    // 定义获取状态的方法
    getMessage(state) {
      return state.message;
    }
  },
  mutations: {

    // 定义修改状态的方法
    UPDATE_MESSAGE(state, newMessage) {
      state.message = newMessage;
    }
  },
  actions: {

    // 定义异步操作,比如进行了API 请求
    updateMessageAsync({ commit,state }, newMessage) {
      console.log(state.message);
      setTimeout(() => {
        commit('UPDATE_MESSAGE', newMessage);
      }, 1000);
    }


  },
  modules: {
  }
})
